<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>全部科室</title>
    <link rel="stylesheet" type="text/css" href="css/aui.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
</head>
<body>
    <div class="search-container search-fixed">
      <div class="search-wrapper">
        <div class="search-icon">
          <i class="aui-iconfont aui-icon-search"></i>
        </div>
        <div class="search-input">
          <input placeholder="搜索科室" autocomplete="off" id="search-office" value=""/>
        </div>
      </div>
    </div>

    <div class="type-container">
      <div class="type-left">
        <div class="type-left-list" id="office">
<!--          <div class="type-left-item type-active">-->
<!--            <i></i>-->
<!--            <a href="javascript:;">核酸检测</a>-->
<!--          </div>-->
<!--          <div class="type-left-item">-->
<!--            <a href="javascript:;">全科医疗科</a>-->
<!--          </div>-->
<!--          <div class="type-left-item">-->
<!--            <a href="javascript:;">内科</a>-->
<!--          </div>-->
<!--          <div class="type-left-item">-->
<!--            <a href="javascript:;">外科</a>-->
<!--          </div>-->
<!--          <div class="type-left-item">-->
<!--            <a href="javascript:;">重症医学科</a>-->
<!--          </div>-->
<!--          <div class="type-left-item">-->
<!--            <a href="javascript:;">急症介入科</a>-->
<!--          </div>-->
<!--          <div class="type-left-item">-->
<!--            <a href="javascript:;">肿瘤科</a>-->
<!--          </div>-->
<!--          <div class="type-left-item">-->
<!--            <a href="javascript:;">妇产科</a>-->
<!--          </div>-->
<!--          <div class="type-left-item">-->
<!--            <a href="javascript:;">儿科</a>-->
<!--          </div>-->
<!--          <div class="type-left-item">-->
<!--            <a href="javascript:;">小儿外科</a>-->
<!--          </div>-->
<!--          <div class="type-left-item">-->
<!--            <a href="javascript:;">眼科</a>-->
<!--          </div>-->
<!--          <div class="type-left-item">-->
<!--            <a href="javascript:;">耳鼻喉头颈外科</a>-->
<!--          </div>-->
<!--          <div class="type-left-item">-->
<!--            <a href="javascript:;">口腔科</a>-->
<!--          </div>-->
<!--          <div class="type-left-item">-->
<!--            <a href="javascript:;">皮肤科</a>-->
<!--          </div>-->
<!--          <div class="type-left-item">-->
<!--            <a href="javascript:;">医疗美容科</a>-->
<!--          </div>-->
<!--          <div class="type-left-item">-->
<!--            <a href="javascript:;">精神科</a>-->
<!--          </div>-->
<!--          <div class="type-left-item">-->
<!--            <a href="javascript:;">结核病科</a>-->
<!--          </div>-->
<!--          <div class="type-left-item">-->
<!--            <a href="javascript:;">地方病科</a>-->
<!--          </div>-->
<!--          <div class="type-left-item">-->
<!--            <a href="javascript:;">list[i].officesName</a>-->
<!--          </div>-->

        </div>
      </div>
      <div class="type-right" id="rightdiv">
        <div class="type-right-list">
          <div class="type-right-item">
            <a href="search.html?officesName=核酸检测">核酸检测</a>
          </div>
        </div>
      </div>
    </div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/url.js"></script>
<script src="layer/layer.js"></script>
<script>
    /*一二级菜单显示部分head*/
    $.ajax({
        type:"get",
        dataType:"json",
        data:{"chiefofficesId":0},
        url:getUrl()+"/wechat114/office/getOfficeByParentId",
        success:function (data) {
            var length = data.data.length;
            var str = "";
            for (var i=0; i<length; i++){
                str +=  "<div class=\"type-left-item\" id=\"ltitem\"> \n" +
                            "<a href=\"javascript:;\" name=\""+data.data[i].officesId+"\">"+data.data[i].officesName+"</a> \n" +
                        "</div>";
            }
            $("#office").append(str);


            // $(".type-left-item").delegate("a","click",function(){
            //     // 动态添加样式部分（未完成）
            //     /*if (!($("#ltitem").hasClass("type-active"))){
            //         $("#ltitem").addClass("type-active");
            //         var o = $("<i>");
            //         o.appendTo($("#ltitem"));
            //     }else{
            //         $("#ltitem").removeClass("type-active");
            //         var o = $("<i>");
            //         o.empty();
            //     }*/
            //     $.ajax({
            //         type:"get",
            //         dataType:"json",
            //         data:{"chiefofficesId":$(this).attr("name")},
            //         url:getUrl()+"/wechat114/office/getOfficeByParentId",
            //         success:function (data) {
            //             var length = data.data.length;
            //             var str = "";
            //             for (var i=0; i<length; i++) {
            //                 str += "<div class=\"type-left-item \"> \n" +
            //                     "<a href=\"type.html?officesName="+data.data[i].officesName+"\">" + data.data[i].officesName + "</a> \n" +
            //                     "</div>";
            //             }
            //             $("#rightdiv").html(str);
            //         }
            //     })
            // });

            $('.type-left-item').click(function () {
                //alert($(this).html().split("\"")[3]);
                $('.type-left-item').removeClass('type-active');
                $(this).addClass('type-active');
                $.ajax({
                    type:"get",
                    dataType:"json",
                    data:{"chiefofficesId":$(this).html().split("\"")[3]},
                    url:getUrl()+"/wechat114/office/getOfficeByParentId",
                    success:function (data) {
                        var length = data.data.length;
                        var str = "";
                        for (var i=0; i<length; i++) {
                            str += "<div class=\"type-left-item \"> \n" +
                                "<a href=\"search.html?officesName="+encodeURI(data.data[i].officesName)+"\">" + data.data[i].officesName + "</a> \n" +
                                "</div>";
                        }
                        $("#rightdiv").html(str);
                    }
                })
            })

        }
    });
    /*一二级菜单显示部分ending*/
</script>
<script>
    /*搜索框搜索科室部分head*/
    /*跳转到搜索科室页面*/
    $("#search-office").click(function () {
        location.href="search.html";
    })


    /*搜索框搜索科室部分ending*/

</script>


</html>
